<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <p>First<a id="fn1" href="#loc-2" role="doc-noteref"><sup>1</sup></a><br>Second<a id="fn2" href="#loc-3" role="doc-noteref"><sup>2</sup></a><br>First ref<a href="#loc-2" role="doc-noteref"><sup>1</sup></a><br>Third<a id="loc-1" href="#loc-4" role="doc-noteref"><sup>3</sup></a><br>Fourth<a id="fn4" href="#loc-5" role="doc-noteref"><sup>4</sup></a><br>Fourth ref<a href="#loc-5" role="doc-noteref"><sup>4</sup></a><br>Second ref<a href="#loc-3" role="doc-noteref"><sup>2</sup></a><br>Second ref again<a href="#loc-3" role="doc-noteref"><sup>2</sup></a></p>
    <section role="doc-endnotes">
      <ol style="list-style-type: none">
        <li id="loc-2"><a href="#fn1" role="doc-backlink"><sup>1</sup></a>A</li>
        <li id="loc-3"><a href="#fn2" role="doc-backlink"><sup>2</sup></a>B</li>
        <li id="loc-4"><a href="#loc-1" role="doc-backlink"><sup>3</sup></a>C</li>
        <li id="loc-5"><a href="#fn4" role="doc-backlink"><sup>4</sup></a>D</li>
      </ol>
    </section>
  </body>
</html>
